import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import PostcssPxtorem from 'postcss-pxtorem'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  server: {
    host: "0.0.0.0",
    open: true
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css: {
    postcss: {
      plugins: [
        PostcssPxtorem({
          // 定义 rem基准大小 设计图 十分之一
          rootValue: 75,
          // 哪些 css属性 px会转换成 * 所有css属性都会转换  单位使用PX 也不转换成rem
          // propList: ['width', 'height', 'margin', 'padding'],
          propList: ['*'],
          exclude:/node_modules/,
        })
      ]
    }
  }
})
